<contact-key-pinning ng-if="internalKeys.RecipientType === 1 || (internalKeys.RecipientType === 2 && BE.items.length)"></contact-key-pinning>

<contact-public-key-label
    class="no-upload-button"
    ng-if="UI.items.length && BE.items.length"
    data-text-translate="available"
></contact-public-key-label>

<contact-public-key-label
    class="no-upload-button"
    ng-if="!UI.items.length && BE.items.length"
    data-text-translate="public"
></contact-public-key-label>

<contact-public-key-table
    ng-if="internalKeys.RecipientType === 1 || (internalKeys.RecipientType === 2 && BE.items.length)"
    data-items="BE.items"
    data-primary-key="protonFingerprint"
    data-enable-trust="true"
    data-enable-delete="false"></contact-public-key-table>

<div class="public-key-controls" ng-if="UI.items.length && BE.hasUntrusted">
    <button
        class="pm_button link"
        type="button"
        data-action="moveAllToTrusted"
        translate-context="Action"
        translate>Add all</button>
</div>

<contact-public-key-label
    ng-if="!!BE.items.length && UI.items.length"
    id="trusted-public-keys-label"
    class="no-upload-button"
    data-text-translate="trusted"
></contact-public-key-label>

<contact-public-key-label
    ng-if="!BE.items.length"
    id="public-keys-label"
    ng-class="{ 'no-upload-button': UI.items.length }"
    data-text-translate="public"
></contact-public-key-label>

<contact-public-key-table
    ng-if="UI.items.length"
    data-items="UI.items"
    data-primary-key="protonFingerprint"
    data-enable-trust="false"
    data-enable-delete="true"></contact-public-key-table>

<div class="public-key-controls" ng-if="UI.items.length">
    <button
        class="pm_button link"
        type="button"
        data-action="add"
        translate-context="Action"
        translate>Add key</button>
</div>

<input type="file" class="upload-helper" multiple accept=".txt,.asc">
